﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="SCP_UNA_MVC.Models" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Alterar Cliente
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <% SCP_DataDataContext dt = new SCP_DataDataContext();
       var cli = dt.Clientes.Where(c => c.id == Convert.ToInt32(Session["id_usuario"])).SingleOrDefault();
       cli.estadoid = cli.estadoid != null ? cli.estadoid : 0;
       var email = cli.recebeemails ? true : false;
    %>
    <h2 class="titulo maior">Cliente</h2>
    <div id="content-page">
        <div id="dados-cliente">
            <div id="cliente-tab-alteracao">
                <ul>
                    <li><a href="#tab-login">Dados Pessoais</a></li>
                    <li><a href="#tab-dados-localizacao">Dados Complementares</a></li>
                </ul>
                <div id="tab-login">
                    <div class="cad-cliente">
                        <fieldset>
                            <legend>Informação do Cliente</legend>
                            <p>
                                <label>Nome Completo:</label>
                                <input type="text" id="txtNome_cliente" value="<%= cli.nome%>" />
                            </p>
                            <p>
                                <label>Email:</label>
                                <input type="text" id="txtEmail_cliente" value="<%= cli.email%>" />
                            </p>
                            <p>
                                <label></label>
                                <input type="checkbox" id="chkRecebeEmail_cliente" <%= (cli.recebeemails ? "checked" : string.Empty) %> /><span style="cursor:pointer;" onclick="$(this).prev().click();">Aceito receber emails de promoções</span>
                            </p>
                        </fieldset>
                        <br />
                        <fieldset>
                            <legend>Login</legend>
                            <p>
                                <label>Usuário:</label>
                                <input type="text" id="txtUsuario_cliente" value="<%= cli.login%>" />
                            </p>
                            <p>
                                <label>Senha:</label>
                                <input type="password" id="txtSenha_cliente" style="width:60px;" />
                            </p>
                            <p>
                                <label>Confirmação de Senha:</label>
                                <input type="password" id="txtVerificaSenha_cliente" style="width:60px;" />
                            </p>
                        </fieldset>
                    </div>
                </div>
                <div id="tab-dados-localizacao">
                    <div class="cad-cliente">
                        <fieldset>
                            <legend>Localização</legend>
                            <p>
                                <label>Endereço:</label>
                                <input type="text" id="txtEndereco_cliente" value="<%= cli.endereco%>" />
                            </p>
                            <p>
                                <label>Nº:</label>
                                <input type="text" id="txtNumero_cliente" style="width:60px;" value="<%= cli.numero%>" />
                            </p>
                            <p>
                                <label>Bairro:</label>
                                <input type="text" id="txtBairro_cliente" value="<%= cli.bairro%>" />
                            </p>
                            <p>
                                <label>Complemento:</label>
                                <input type="text" id="txtComplemento_cliente" value="<%= cli.complemento%>" />
                            </p>
                            <p>
                                <label>Estado:</label>
                                <select id="slcEstado_cliente"></select>
                            </p>
                            <p>
                                <label>Cidade:</label>
                                <select id="slcCidade_cliente"></select>
                            </p>
                            <p>
                                <label>CEP:</label>
                                <input type="text" id="txtCep_cliente" style="width:80px;" mascara="cep" value="<%= cli.cep%>" />
                            </p>
                            <p>
                                <label>Telefone:</label>
                                <input type="text" id="txtTelefone_cliente" style="width:110px;" mascara="fone" value="<%= cli.tel%>" />
                            </p>
                            <p>
                                <label>Celular:</label>
                                <input type="text" id="txtCelular_cliente" style="width:110px;" mascara="fone" value="<%= cli.cel%>" />
                            </p>
                        </fieldset>
                    </div>                
                </div>
            </div>
            <div id="autenticidade">
                <p>Para garantir a segurança dos dados, digite a frase que consta na imagem abaixo</p><br />
                <div id="captcha">
                    <%= Html.GenerateCaptcha() %>
                    <br /><br />
                    <button id="btn_salvarA">Salvar</button>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function init_views() {
 
            $('#cliente-tab-alteracao').tabs({
                show: function (event, ui) {
                    switch (ui.index) {
                        case 1:
                            carregaEstadoA();
                            $('#slcEstado_cliente').change(function () { first = false; carregaCidadeA($(this).val(), first); });
                            break;
                    }
                }
            });
            function verificaEmail() {
                if (email) {
                    $('#chkRecebeEmail_cliente').attr('checked');
                }
                else {
                    $('#chkRecebeEmail_cliente').removeAttr('checked');
                }
            }
            function carregaEstadoA() {
                var opcoes = '<option value="">Selecione</option>';
                $.ajax({
                    url: '/Localidade/Estado/',
                    dataType: 'json',
                    beforeSend: function () { $('#loading, #msg-loading').show(); },
                    success: function (json) {
                        $(json.id).each(function(i, valor){
                            opcoes += '<option value=\'' + json.id[i] + '\'>' + json.descricao[i] + '</option>';
                        });
                        $('#slcEstado_cliente').append(opcoes);
                        $('#loading, #msg-loading').hide();

                        if (<%= cli.estadoid%> != 0) {
                            $('#slcEstado_cliente').val(<%= cli.estadoid%>);
                            carregaCidadeA(<%= cli.estadoid%>, true);
                        }
                    },
                    error: function () { $('#loading, #msg-loading').hide(); }
                });
            }
            function carregaCidadeA(estadoId, first) {
                var opcoes = '<option value="">Selecione</option>';
                $.ajax({
                    url: '/Localidade/Cidade/' + estadoId,
                    dataType: 'json',
                    beforeSend: function () { $('#loading, #msg-loading').show(); },
                    success: function (json) {
                        $(json.id).each(function(i, valor){
                            opcoes += '<option value=\'' + json.id[i] + '\'>' + json.descricao[i] + '</option>';
                        });
                        $('#slcCidade_cliente').html(opcoes);
                        $('#loading, #msg-loading').hide();
                        if (first) {
                            $('#slcCidade_cliente').val(<%= cli.cidadeid%>);
//                            verificaEmail();
                        }
                    },
                    error: function () { $('#loading, #msg-loading').hide(); }
                });
            }
            $('#btn_salvarA').click(function () {
                if (validaCamposObrigatorios()) {
                    if ($.validaEmail($('#txtEmail_cliente').val())) {
                       if (validaSenha()) {
                            checaCaptchaA();
                        }
                    }
                }
            });
            function checaCaptchaA() {
                $.ajax({
                    url: '/Cliente/VerificaAutenticidadeAlteracao/',
                    type: 'POST',
                    dataType: 'json',
                    beforeSend: function(){ $('#loading, #msg-loading').show(); },
                    data: {
                        'recaptcha_challenge_field': $('#recaptcha_challenge_field').val(),
                        'recaptcha_response_field': $('#recaptcha_response_field').val()
                    },
                    success: function(json){
                        $('#loading, #msg-loading').hide();
                        if(json.sucesso){
                            saveClienteA(json.opcao);
                        } else {
                            modalAlerta(json.mensagem);
                        }
                    },
                    error: function() { $('#loading, #msg-loading').hide(); }
                });
            }
            function saveClienteA(opcao) {
                switch(opcao){
                    case 'Alterar':
                        $.ajax({
                            url: '/Cliente/ReCreate/',
                            type: 'POST',
                            dataType: 'json',
                            beforeSend: function(){ $('#loading, #msg-loading').show(); },
                            data: { 
                                'nome_add': $('#txtNome_cliente').val(),
                                'email_add': $('#txtEmail_cliente').val(),
                                'login_add': $('#txtUsuario_cliente').val(),
                                'senha_add': $('#txtVerificaSenha_cliente').val(),
                                'endereco_add': $('#txtEndereco_cliente').val(),
                                'numero_add': $('#txtNumero_cliente').val(),
                                'bairro_add': $('#txtBairro_cliente').val(),
                                'comple_add': $('#txtComplemento_cliente').val(),
                                'estado_add': $('#slcEstado_cliente').val(),
                                'cidade_add': $('#slcCidade_cliente').val(),
                                'cep_add': $('#txtCep_cliente').val(),
                                'tel_add': $('#txtTelefone_cliente').val(),
                                'cel_add': $('#txtCelular_cliente').val(),
                                'aceito_email_add': $('#chkRecebeEmail_cliente').attr('checked')
                            },
                            success: function(Json){
                                $('#loading, #msg-loading').hide();
                                $('#recaptcha_response_field').val("");
                                if(Json.successo){
                                    modalAlerta("Usuário alterado com sucesso.");
                                } else {
                                    modalAlerta(Json.mensagem);
                                }
                            },
                            error: function() { $('#loading, #msg-loading').hide(); $('#recaptcha_response_field').val(""); }
                        });
                        break;
                }
            }
        }
    </script>
</asp:Content>
